iT邦幫忙

2023 iThome 鐵人賽

DAY 30
0
SideProject30

桌球王系列 第 30

Day 30 - Summary of SideProject30

  • 分享至 

  • xImage
  •  

Day 30 - Summary of SideProject30

[花絮 - 那些沒提的部分 ]

  1. 新增拖曳且放(Drag and Drop)的目的
    以 user Story 說明

    身為Team Lead,隊員放入後,因策略(抓點)(搶3),而會有順序調整的需求。

  2. 新增編輯儲存的目的

    基本功能款,調整出場名單隊員/選手。

  3. 整合 編輯+拖曳(+分享)+加入刪除

  • 效益

    PS: 分享:連結或是可連到社群通訊平台

    賽務)點位數更動則需新增刪除
    隊伍)人員變動 則需要變更內容並儲存於頁面
    隊伍)調動點位最方便的不是重編輯而是調動位置

[修煉結果]

--- 以下放這幾天的文章回顧 ---

DEMO URL :
https://goish135.github.io/table-tennis-king/

1 PWA

  • 是網頁,是桌面視窗,也是App

2 fantasy 字體

  • 讓網頁可以更獨特

3 拖曳桿(slider) 調整 表格間距

4 [主要]可列印功能

5 按鈕控制顯示隱藏部份欄位

Repo URL:
https://github.com/goish135/table-tennis-king

[未來事項 - To Do List ]

登入後(預計採用常見的Google,FB,Github...)
依角色 顯示可進入的卡片(Print,Edit&Drap)
角色有賽務及選手的區分
賽務開單,選手填單&遞單(完整化編輯及拖曳的整併)。

<建立記憶點,未來可使用>
Ref: Role Based Routing in React JS | Role Based Navigation Links | React Router Dom tutorial

最後 我要放很多熊俠貼圖來表達我的EMO:
/images/emoticon/emoticon07.gif/images/emoticon/emoticon12.gif/images/emoticon/emoticon42.gif

以及 推薦文章>資深工程師身上的 N 項特質,N = 12


上一篇
Day 29 - Refactor Code
系列文
桌球王30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言